<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>管理</title>

    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/style.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/layui.css">
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/view.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/admin.css"/>


</head>
<style>
    body {
        background-image: linear-gradient(to bottom, #e2f2ff, #f4faff);
    }
    html, body, .app-container{

    }
    .infodata{
        font-size: 18px;
        line-height: 40px
    }
    #lay-body {
        width: 97.7%;
        max-width: 1311px;
        margin: 0 auto;
        float: none;

    }

    .mianb .mblf {
        max-width: 1311px;
        margin: 0 auto;
        float: none;
    }

    .layui-nav {
        background: none;
        color: #000;
    }

    .layui-nav .layui-nav-item a {
        color: #000;
    }
    .table-integral{

        width: 100%;

    }
    .table-box{
        border: 1px solid #cfd5de;
        margin-top: 60px;
        border-bottom: none;
    }
    thead{
        background-color: #e2efff;
        color: rgba(0,0,0,.4);
        font-size: 14px;
    }
    thead tr th {
        padding: 4px 16px;
        border-bottom: 1px solid #e7eaef;
    }
    td{
        border-bottom: 1px solid #cfd5de;
        color: rgba(0,0,0,.9);
        height: auto;
        transition: background-color .1s linear;
        text-align: center;
        padding: 20px 5px;
    }
    tr{
        height: 40px;
        outline: 0 none;
        transition: background-color .1s linear;
    }
    td a{
        color: #006eff;
    }
    td a:hover{
        color: #006eff;
        text-decoration: underline;
    }



    .infodata {
        display: flex;
        align-items: flex-start;
    }

    .infodata .infodata {
        margin-right: 10px;
    }

    .scroll-container {
        flex: 1;
        border: 1px solid lightgray;
        background-color: #f1f1f1;
        height: 600px;
        overflow-y: auto;
        pointer-events: none;
    }
</style>
<body class="layui-view-body">
<div class="top">
    <div class="layui-col-md12 topbox">
        <a href="/sysadmin/block/browserkl">
            <div class="layui-col-md6 logo2">
                <img src="/content/pc/sysmgt/block/assets/images/logo2.png" alt="">
                HRR跨链链浏览器
            </div>
        </a>

        <div class="layui-col-md6">

        </div>
    </div>
</div>
<div class="layui-row" id="lay-body">

    <div class="table"><a href="javascript:history.go(-1);"
                          style="font-weight: bold;">
        <div class="lay-link" style="font-size: 20px;">
            < 交易详情
        </div>
    </a><br/>
        <div style="margin-left: 30px">
            <div style="font-weight: bold;font-size: 20px;line-height: 40px">区块链基本信息</div>
            <div  class="infodata" >区块哈希 : #(txinfo.attrib_12)</div>
            <div  class="infodata" >区块高度 : #(txinfo.attrib_11)</div>
        </div>
        <div style="margin-left: 30px">
            <div style="font-weight: bold;font-size: 20px;">交易信息</div>
            <div  class="infodata" >交易哈希 : #(txinfo.attrib_13)</div>
            <div  class="infodata" >交易状态 : #(txinfo.attrib_15=="S"?"成功":txinfo.attrib_15=="F"?"失败":"待确认")</div>
            <div  class="infodata" >发起方链ID : #(txinfo.attrib_02)</div>
            <div  class="infodata" >发起方 : #(txinfo.attrib_01)</div>
            <div  class="infodata" >接收方 : #(txinfo.attrib_03)</div>
            <div  class="infodata" >交易时间 : #(txinfo.attrib_14_cn)</div>
            <div class="infodata">
                <div class="infodata" >
                    Input:
                </div>
                <div class="scroll-container" >#(txinfo.attrib_08)</div>
            </div>
        </div>


    </div>
</div>
<script src="/content/pc/sysmgt/block/assets/jquery.min.js"></script>
<script src="/content/pc/sysmgt/block/assets/layui.all.js"></script>
<script src="/content/pc/sysmgt/block/moment/js/moment.min.js"></script>
<script src="/content/pc/sysmgt/block/moment/js/daterangepicker.min.js"></script>
<script>


    $(function () {
        $('.sel').change(function () {    // 选择后替换内容并恢复箭头方向
            $('span').html($('.sel').find('option:selected').html());
            $('.sel_mask').find('img').attr('src', 'arrow_down.png');
        })
        $('.sel').blur(function () {      //什么也不选恢复箭头方向
            $('.sel_mask').find('img').attr('src', 'arrow_down.png');
        })
        $('.sel').click(function () {     // 点击后更改箭头方向
            $('.sel_mask').find('img').attr('src', 'arrow_up.png');
        })
    })
</script>



</body>
</html>